<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{padding:0px; margin:0;}
ul{list-style:none;}
li{width:25%;height:204px; position:relative; float:left;overflow:hidden}
li .mask{width:100%; height:204px; }
li .mask img{width:100%; height:100%;transition:all 0.3s;}
li .info{position:absolute; top:30px;  text-align:center; color:white; padding:0px 30px; opacity:0;transition:all 0.3s;}
li .info a{font-size:20px; color:white; border-bottom:1px dashed #acacac; text-decoration:none; cursor:pointer; margin-bottom:10px; display:inline-block; padding-bottom:5px;}
li .info p{font-size:12px; line-height:27px;}
li:hover .info{opacity:1;}
li:hover .mask img{transform:scale(1.1)}
</style>
</head>

<body>
	<ul>
		<li>
			<div class="mask">
            	<img src="x1.jpg" />
            </div>        
            <div class="info">
            	<a href="">深圳华川纺织</a>
                <p>深圳华川纺织品有限公司成立于2009年。一直精心致力于高品质毛料市场。公司产品种类丰富、其中包括常规产品：顺毛、双面呢、麦呢</p>
            </div>
        </li>    
		<li>
			<div class="mask">
            	<img src="x1.jpg" />
            </div>        
            <div class="info">
            	<a href="">深圳华川纺织</a>
                <p>深圳华川纺织品有限公司成立于2009年。一直精心致力于高品质毛料市场。公司产品种类丰富、其中包括常规产品：顺毛、双面呢、麦呢</p>
            </div>
        </li>    
		<li>
			<div class="mask">
            	<img src="x1.jpg" />
            </div>        
            <div class="info">
            	<a href="">深圳华川纺织</a>
                <p>深圳华川纺织品有限公司成立于2009年。一直精心致力于高品质毛料市场。公司产品种类丰富、其中包括常规产品：顺毛、双面呢、麦呢</p>
            </div>
        </li>    
		<li>
			<div class="mask">
            	<img src="x1.jpg" />
            </div>        
            <div class="info">
            	<a href="">深圳华川纺织</a>
                <p>深圳华川纺织品有限公司成立于2009年。一直精心致力于高品质毛料市场。公司产品种类丰富、其中包括常规产品：顺毛、双面呢、麦呢</p>
            </div>
        </li>    
		<li>
			<div class="mask">
            	<img src="x1.jpg" />
            </div>        
            <div class="info">
            	<a href="">深圳华川纺织</a>
                <p>深圳华川纺织品有限公司成立于2009年。一直精心致力于高品质毛料市场。公司产品种类丰富、其中包括常规产品：顺毛、双面呢、麦呢</p>
            </div>
        </li>    
		<li>
			<div class="mask">
            	<img src="x1.jpg" />
            </div>        
            <div class="info">
            	<a href="">深圳华川纺织</a>
                <p>深圳华川纺织品有限公司成立于2009年。一直精心致力于高品质毛料市场。公司产品种类丰富、其中包括常规产品：顺毛、双面呢、麦呢</p>
            </div>
        </li>    
		<li>
			<div class="mask">
            	<img src="x1.jpg" />
            </div>        
            <div class="info">
            	<a href="">深圳华川纺织</a>
                <p>深圳华川纺织品有限公司成立于2009年。一直精心致力于高品质毛料市场。公司产品种类丰富、其中包括常规产品：顺毛、双面呢、麦呢</p>
            </div>
        </li>    
		<li>
			<div class="mask">
            	<img src="x1.jpg" />
            </div>        
            <div class="info">
            	<a href="">深圳华川纺织</a>
                <p>深圳华川纺织品有限公司成立于2009年。一直精心致力于高品质毛料市场。公司产品种类丰富、其中包括常规产品：顺毛、双面呢、麦呢</p>
            </div>
        </li>    
    </ul>
</body>
</html>
